@charset "utf-8";
@import "zdzreset";
@import "public";
.header {
    width: 100%;
    background-color: #f7f7f7;
    display: flex;
    span {
        font-size: r(35px);
        display: inline-block;
        flex-grow: 0.5;
        text-align: right;
        i {
            font-size: r(37px);
            line-height: r(88px);
        }
    }
    .contant{
        flex-grow: 9.5;
        text-align: center;
        span {
            line-height: r(88px);
        }
    }
}
.money{
    width: 100%;
    background-color: #ffffff;
    ul{
        width: 100%;
        padding: r(40px) 0 0 r(29px);
        .oktixian{
            border-bottom: 1px solid #e3e3e3;
            p{
                font-size: r(28px);
                color: #333333;
                margin: 0 0 r(35px) 0;
            }
            .contant{
                display: flex;
                width: 100%;
                line-height: r(120px);
                .num{
                    display: inline-block;
                    flex-grow: 8;   
                    font-size: r(48px);
                    span{
                        font-size: r(24px);    
                    }
                }
                .tixian{
                    display: inline-block;
                    flex-grow: 1;
                    color: #666666;
                    font-size: r(26px);
                    text-align: center;
                    text-align: right;
                }
                .right{
                    display: inline-block;
                    flex-grow: 1;
                    text-align: center;
                    .icon-right{
                        color: #b1b1b3;
                        font-size: r(28px);
                    }
                }
            }
        }
        .notixian{
            line-height: r(77px);
            .contant{
                display: flex;
                .tixian{
                    flex-grow: 8;
                    font-size: r(28px);
                }
                .num{
                    flex-grow: 1;
                    font-size: r(26px);
                    color: #666666;
                    text-align: right;
                }
                .right{
                    flex-grow: 1;
                    text-align: center;
                    .icon-right{
                        color: #b1b1b3;
                        font-size: r(28px);
                    }
                }
            }
        }
    }
}

.contant{
    .message{
        width: 100%;
        background-color: #fff;
        margin-top: r(30px);
        ul{
            display: block;
            height: 100%;
            width: 100%;
            padding-left: r(20px);
            li{
                display: flex;
                line-height: r(94px);
                border-bottom: 1px solid #E3E3E3;
                span{
                    font-size: r(26px);
                }
                .hanzi{
                    flex-grow: 8;
                }
                .num{
                    flex-grow: 1;
                    text-align: right;
                    color: #666;
                }
                .right{
                    color: #b1b1b3;
                    flex-grow: 1;
                    text-align: center;
                    .icon-right{
                        font-size: r(28px);
                    }
                }
            }
            li:last-of-type{
                border-bottom: initial;
            }
        }
    }
}
.footer{
    width: 100%;
    padding-top: r(35px);
    padding-bottom: r(35px);
    .contant{
        height: 100%;
        p{
            font-size: r(20px);
            color: #999;
            margin-left: r(27px);
        }
        p:last-of-type{
            color: #153fc6;
        }
    }
}

.test{
    display: none;
}

.explain{
    width: 100%;
    background-color: #ffffff;
    .contant{
        padding-left: r(27px);
        padding-top: r(40px);
        p:first-of-type{
            font-size: r(30px);
            color: #333;
            margin-bottom: r(50px);
        }
        p:last-of-type{
            font-size: r(24px);
            color: #666666;
            margin-bottom: r(52px);
        }
        span{
            display: block;
            width: r(580px);
            text-align: justify;
            line-height: r(35px);
            padding-left: r(3px);
            font-size: r(24px);
            color: #666;
        }
        span:first-of-type{
            margin-bottom: r(54px);
        }
        span:last-of-type{
            padding-bottom: r(53px);
        }
    }
}
